﻿@charset "utf-8";
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,span,a,th,td,img {margin: 0;padding: 0;}
a,a:hover {text-decoration: none;}
.clearfix {*zoom: 1;}
.clearfix:after{content: '';clear: both;overflow: hidden;display: table;}
.hide {display: none;}
@font-face {
    font-family: capicon;
    src: url(font/capicon.eot);
    src: url(font/capicon.eot?#iefix) format("embedded-opentype"),
    	url(font/capicon.ttf) format("truetype"),
    	url(font/capicon.woff) format("woff"),
    	url(/capicon.svg?#capicon) format("svg");
    font-weight: 400;
    font-style: normal
}

.ic_container{display: block;border: 1px solid rgb(229, 229, 229);visibility: hidden;opacity: 0;z-index: 2000000001; zoom: 1;background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.15);
	position: absolute;top: 50%;left: 45px;
	transition: opacity .25s,visibility .25s,-webkit-transform .25s;
	transition: opacity .25s,transform .25s,visibility .25s;
	transition: opacity .25s,transform .25s,visibility .25s,-webkit-transform .25s;
    transition-timing-function: ease-out;
    -webkit-transform: translate(-30px);
    transform: translate(-30px);}
.ic_container:after,.ic_container:before{content: "";height: 0px;width: 0px;position: absolute;left: -17px;top: 50%;margin-top: -9.5px;z-index: 1;
	border-left: 9px solid transparent;
	border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 9px solid rgb(255, 255, 255);
}
    
.ic_container.show {visibility: visible;opacity: 1;-webkit-transform: translate(0);transform: translate(0);}
.ic_container.shake {-webkit-animation: a .5s;animation: a .5s}

.ic_area{position: relative;height: 265px;width: 280px;margin: auto;padding: 9px 9px 0;_padding-right: 0; _padding-left: 0;border-top: none;_overflow: hidden;}
.ic_area .ic_layout{}

.ic_layout .ic_guide{height: 40px;}
.ic_layout .ic_guide .ic_info{float: left; height: 40px;line-height: 40px;font-size: 13px;color: #666;}
.ic_layout .ic_guide .ic_standard{float: right;width: 100px;height: 40px;overflow: hidden;position: relative;}
.ic_layout .ic_guide .ic_standard img{width: 280px;height: auto;position: absolute;left: 1px;bottom: 1px;border: none;}
.ic_layout .ic_oripic{width: 280px;height: 160px;overflow: hidden;margin-top: 9px;position:relative;}
.ic_layout .ic_oripic img{width: 280px;height: auto; border: none;}

.ic_oripic .ic_select{position: absolute;right: -10px;top: -12px;width: 20px;height: 20px;line-height: 18px;font-size: 14px;font-weight: 700;text-align: center;color: #fff;cursor: pointer;}
.ic_oripic .ic_select .aq_icon {position: absolute;left: 0;top: 0;}

.ic_area .ic_oparea{font-size: 13px;margin-top: 9px;}
.ic_area .ic_oparea .ic_refresh{position: relative;text-decoration: none;display: inline-block;width: 22px;height: 22px;margin-top: 7px;float: left;}
.ic_area .ic_oparea .ic_refresh a{text-decoration: none;display: inline-block; width: 22px;height: 22px;float: left;}
.ic_area .ic_oparea .ic_btn{float: right;text-indent: 8px;_text-indent: 6px;letter-spacing: .5em;
	display: inline-block;text-decoration: none;text-align: center; border-radius: 3px;cursor: pointer;height: 34px;line-height: 34px;width: 98px;font-size: 13px;}
.ic_area .ic_oparea .ic_btn_primary{background: #1a79ff;border: 1px solid #1a79ff;color: #fff;}
.ic_area .ic_oparea .ic_btn_primary:hover{background: #1a79e1;}

/*验证成功*/
.ic_tip_success{display: none;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 6;}
.ic_tip_success .ic_tip_bkg{width: 100%;height: 100%; position: absolute;left: 0;top: 0; background: #fff;opacity: .9;filter: alpha(opacity=90);z-index: 7;}
.ic_tip_success .ic_tip_icon{position: absolute;left: 0;top: 0;z-index: 8;width: 100%; height: 100%;}
.ic_tip_success .ic_pic{margin-top: 80px;text-align:center;}
.ic_tip_success .ic_pic i{display: inline-block;width: 50px;height: 50px;background: url(images/success.png) no-repeat; vertical-align:middle;}
.ic_tip_success .ic_vfyword{margin-top: 10px;color: #333; font-size: 18px;text-align:center;}

/*图标*/
.aq_icon {font-family: capicon!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
[class*=" aq_icon_"]:before,[class^=aq_icon_]:before {margin: 0}
.aq_icon_refresh {font-size: 23px;color: #b3b3b3}
.aq_icon_refresh:hover{color: #dbdbdb}
.aq_icon_unchoosen { color: #cdcdcd;font-size: 17px}
.aq_icon_choosen {color: #1a79ff;font-size: 17px}
.aq_icon_shield {font-size: 49px;color: #1a79ff}
.aq_icon_arrows,.aq_icon_shield_click {font-size: 20px;color: #fff}
.aq_icon_ok,.aq_icon_va_arrow {font-size: 26px; color: #1a79ff}
.aq_icon_va_loading {font-size: 24px;color: #1a79ff}
.aq_icon_va_ok {font-size: 26px;color: #1a79ff}
.aq_icon_vrySuccess .path1,.aq_icon_vrySuccess .path2 {font-size: 22px;color: #1a79ff}
.aq_icon_vrySuccess .path2 {margin-left: -1em}

/*动画*/
@-webkit-keyframes a {
    10%,90% {
        -webkit-transform: translate3d(-1px,0,0);
        transform: translate3d(-1px,0,0)
    }

    20%,80% {
        -webkit-transform: translate3d(3px,0,0);
        transform: translate3d(3px,0,0)
    }

    30%,50%,70% {
        -webkit-transform: translate3d(-2px,0,0);
        transform: translate3d(-2px,0,0)
    }

    40%,60% {
        -webkit-transform: translate3d(2px,0,0);
        transform: translate3d(2px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes a {
    10%,90% {
        -webkit-transform: translate3d(-1px,0,0);
        transform: translate3d(-1px,0,0)
    }

    20%,80% {
        -webkit-transform: translate3d(3px,0,0);
        transform: translate3d(3px,0,0)
    }

    30%,50%,70% {
        -webkit-transform: translate3d(-2px,0,0);
        transform: translate3d(-2px,0,0)
    }

    40%,60% {
        -webkit-transform: translate3d(2px,0,0);
        transform: translate3d(2px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}